<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">

    <!-- import Vue before Element -->
    <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.14/theme-chalk/index.min.css" rel="stylesheet">

    <!-- import Vue before Element -->
    <!-- import JavaScript  -->
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
    <!-- import JavaScript -->
    <script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.14/index.min.js"></script>

    <link href="./css/common.css" rel="stylesheet">

    <!-- Import component library -->
    <title>异界事务所-伤害计算</title>
</head>

<body>
    <div id="app">
        <el-container>
            <el-header>
                异界事务所 伤害计算辅助 2024.1.1 @DR涯
            </el-header>
            <el-container>
                <el-tabs type="border-card" class="maincard">
                    <el-tab-pane label="伤害计算">
                        <el-main>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>角色攻击力</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="atk" @change="atk_change" placeholder="攻击力"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>

                                        <el-tag type="info">角色攻击力,即穿完装备后的攻击力</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>减攻击力%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="atk_del" @change="atk_del_change"
                                            placeholder="减少攻击力%"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">DEBUFF减少的攻击力%,点满为50%</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>增加攻击力%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="atk_add" @change="atk_add_change"
                                            placeholder="增加攻击力%"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">包含装备,被动,其他角色BUFF的增加攻击力%</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>对地面增伤%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_add2" @change="dmg_add2_change"
                                            placeholder="对地面增伤%"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>对种族增伤%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_add1" @change="dmg_add1_change"
                                            placeholder="对种族增伤%"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>对职业增伤%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_add3" @change="dmg_add3_change"
                                            placeholder="对职业增伤%"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>远伤%,近伤%</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_add4" @change="dmg_add4_change"
                                            placeholder="远伤或近伤%"></el-input>
                                    </div>
                                </el-col>
                            </el-row>


                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>克制关系</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="6">
                                    <div>
                                        <el-radio-group v-model="kz" @change="kz_change">
                                            <el-radio-button label="克制"></el-radio-button>
                                            <el-radio-button label="不克制"></el-radio-button>
                                            <el-radio-button label="被克制"></el-radio-button>
                                        </el-radio-group>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">克制时有1.3倍伤害,被克制时造成0.7倍伤害</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>克制伤害强化%</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_add5" @change="dmg_add5_change"
                                            placeholder="克制伤害强化%"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">例如普通女儿或者机务员女儿提供的克制强化</el-tag>
                                    </div>
                                </el-col>
                            </el-row>

                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>爆伤</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_add8" @change="dmg_add8_change"
                                            placeholder="爆伤,一般角色保底为50%"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">爆伤,一般角色保底为50%</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>易伤</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_add6" @change="dmg_add6_change"
                                            placeholder="易伤,特殊技能易伤,奥义易伤"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">易伤,特殊技能易伤,奥义易伤。特殊技和奥义只能选其中一个</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>伤害加深</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_add7" @change="dmg_add7_change"
                                            placeholder="伤害加深，一般由命座提供(战术等级3,6)"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">伤害加深，一般由命座提供(战术等级3,6)</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>我方命中%</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_hit" @change="dmg_hit_change" placeholder=""></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">我方命中%,非数值。该百分比可由命中数值计算</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>敌方防御数值</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_def" @change="dmg_def_change" placeholder=""></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="2">
                                    <div><el-tag>{{def_pct_1}}%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">敌方防御数值</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>我方减防百分比</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="def_minus_1" @input="def_minus_1_change"
                                            placeholder="我方减防百分比"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">我方减防百分比,各种减防叠加,如徐芸 火船大招等。</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>我方防御穿透%</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_idef_1" @change="dmg_idef_1_change" placeholder=""></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">我方防御穿透%。火山装备拥有该词条</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>敌方一类减伤之和</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_res" @change="dmg_res_change" placeholder=""></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">地减,制裁者减,远近减,对职业减伤等 </el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>敌方二类减伤之和</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_res2" @change="dmg_res2_change"
                                            placeholder=""></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">免伤,范围免伤,特殊技能免伤或奥义免伤 </el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                        </el-main>

                        <el-footer>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>输出</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div> <el-input readonly v-model="dmg_v" @change=""></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>暴击输出</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div> <el-input readonly v-model="dmg_v_cri" @change=""></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>BOSS闪避时输出</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div> <el-input readonly v-model="dmg_v_eva" @change=""></el-input>
                                    </div>
                                </el-col>
                            </el-row>
                           <!--  <el-row>
                                <el-col :span="8">
                                    <div>
                                        <el-tag>输出公式=角色攻击力*(1+增加攻击力%-减攻击力%)*(1+对种族增伤%+对地面增伤%+对职业增伤%+远伤%或近伤%)*(1+易伤%)*(1+伤害加深%)*(1+爆伤%)*(1+0.3*(1+克制伤害强化%)),闪避时=输出*(命中率%+0.1)</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            --> 

                        </el-footer></el-tab-pane>
                    <el-tab-pane label="命中闪避防御">
                        <el-main>
                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>我方命中数值</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="hit" @input="hit_change" placeholder="我方命中数值"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div><el-tag>{{hit_pct}}%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">我方命中数值</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>我方闪避数值</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="eva" @input="eva_change" placeholder="我方闪避数值"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div><el-tag>{{eva_pct}}%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">我方闪避数值</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>我方减防百分比</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="def_minus" @input="def_minus_change"
                                            placeholder="我方减防百分比"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">我方减防百分比,各种减防叠加,如徐芸 火船大招等。</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div>
                                        <el-tag>我方防御穿透%</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="dmg_idef" @change="dmg_idef_change" placeholder=""></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">我方防御穿透%。火山装备拥有该词条</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>敌方防御数值</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="def" @input="def_change" placeholder="敌方防御数值"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div><el-tag>{{def_pct}}%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">敌方防御数值</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>敌方闪避数值</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="enemy_eva" @input="enemy_eva_change"
                                            placeholder="敌方闪避数值"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div><el-tag>{{enemy_eva_pct}}%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">敌方闪避数值</el-tag>
                                    </div>
                                </el-col>
                            </el-row>

                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>敌方命中数值</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-input v-model="enemy_hit" @input="enemy_hit_change"
                                            placeholder="敌方命中数值"></el-input>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div><el-tag>{{enemy_hit_pct}}%</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="3">
                                    <div>
                                        <el-tag type="info">敌方命中数值</el-tag>
                                    </div>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>选择BOSS数据</el-tag>
                                    </div>
                                </el-col>

                                <el-col :span="3">
                                    <el-select @change="boss2_change" v-model="boss_2" placeholder="请选择">
                                        <el-option v-for="item in boss" :key="item.index" :label="item.name"
                                            :value="item.name">
                                        </el-option>
                                    </el-select>
                                </el-col>
                            </el-row>

                            <el-row>
                                <el-col :span="2">
                                    <div><el-tag>计算结果</el-tag>
                                    </div>
                                </el-col>
                                <el-col :span="12">
                                    <div>
                                        <el-input readonly :rows="8" type="textarea" v-model="rs" @input=" "
                                            placeholder=""></el-input>
                                    </div>
                                </el-col>

                            </el-row>
                        </el-main>
                    </el-tab-pane>
                </el-tabs>

            </el-container>


        </el-container>
    </div>

    <script src="./js/common.js"></script>
</body>

</html>